<template>
<!-- 12项 -->
<div class="goods_list">
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png"
      alt="">
    <span>美食</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/36ea5f8aa1429104ef51c9e03fe212a54183.png"
      alt="">
    <span>猫眼电影</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/ea0c6fab93f5070dfc7baa50ac9052a02300.png"
      alt="">
    <span>酒店</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/7b30434d02d20c4e0428cbc2091499f22631.png"
      alt="">
    <span>休闲娱乐</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/f8fc99f79983d96a12889d00ad4df41a2868.png"
      alt="">
    <span>外卖</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/982e9a55410baae204a220840b11cc952772.png"
      alt="">
    <span>KTV</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/586d25e7f9615a91b831713c5b68fdd62345.png"
      alt="">
    <span>周边游</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/862a8ecbcaec80cc827090074c358f882565.png"
      alt="">
    <span>丽人</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/51b317553ac233d10e00e22c3b198aac2906.png"
      alt="">
    <span>母婴亲子</span>
  </div>
  <div class="item">
    <img
      src="https://p0.meituan.net/imeituanbusiness/ad793f3d4b6625b60a9aeb64688739952061.png"
      alt="">
    <span>全部分类</span>
  </div>

</div>

</template>

<script setup>



</script>

<style lang="scss" scoped>

.goods_list {
    display: flex;
    height: 210px;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: 10px solid whitesmoke;

    .item {
      width: 20%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    img {
      width: 60px;
    }

    span {
      font-size: 14px;
      padding-top: 6px;
    }
  }
</style>